<!DOCTYPE html>
<html class="page" lang="ru">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Device-shop</title>
  <link rel="stylesheet" href="css/styles.css">
</head>

<body class="page__body">
  <header class="main-header">
    <div class="main-header__wrapper">
      <a class="main-header__logo logo" href="index.html">
        <svg class="logo__icon" width="145" height="36" viewBox="0 0 145 36" fill="none"
          xmlns="http://www.w3.org/2000/svg">
          <path
            d="M27.2188 0V35.3H19.6135V32.9C17.9124 34.8 15.5107 36 12.1084 36C5.5038 36 0 30.2 0 22.7C0 15.2 5.5038 9.4 12.1084 9.4C15.5107 9.4 18.0124 10.6 19.6135 12.5V0H27.2188ZM19.6135 22.7C19.6135 18.9 17.1118 16.5 13.6094 16.5C10.107 16.5 7.60524 18.9 7.60524 22.7C7.60524 26.5 10.107 28.9 13.6094 28.9C17.1118 28.8 19.6135 26.5 19.6135 22.7Z" />
          <path
            d="M43.7298 29.1999C45.8313 29.1999 47.5325 28.3999 48.5332 27.2999L54.6374 30.7999C52.1356 34.1999 48.4331 35.9999 43.6298 35.9999C35.0238 35.9999 29.6201 30.1999 29.6201 22.6999C29.6201 15.1999 35.0238 9.3999 43.0294 9.3999C50.4345 9.3999 55.8382 15.0999 55.8382 22.6999C55.8382 23.7999 55.7381 24.7999 55.538 25.6999H37.6256C38.6263 28.2999 40.9279 29.1999 43.7298 29.1999ZM48.333 20.0999C47.5325 17.1999 45.2309 16.0999 42.9293 16.0999C40.0273 16.0999 38.126 17.4999 37.4255 20.0999H48.333Z" />
          <path
            d="M82.1563 10.1001L72.8499 35.3001H64.2439L54.9375 10.1001H63.3433L68.647 26.1001L73.9506 10.1001C73.9506 10.1001 82.1563 10.1001 82.1563 10.1001Z" />
          <path d="M83.458 10.1001H91.0633V35.3001H83.458V10.1001Z" />
          <path
            d="M93.665 22.6999C93.665 15.1999 99.369 9.3999 107.074 9.3999C111.978 9.3999 116.281 11.9999 118.482 15.8999L111.878 19.6999C110.977 17.8999 109.176 16.8999 106.974 16.8999C103.672 16.8999 101.27 19.2999 101.27 22.6999C101.27 26.1999 103.672 28.4999 106.974 28.4999C109.176 28.4999 111.077 27.3999 111.878 25.6999L118.482 29.4999C116.381 33.3999 112.078 35.9999 107.074 35.9999C99.369 35.9999 93.665 30.1999 93.665 22.6999Z" />
          <path
            d="M132.892 29.1999C134.993 29.1999 136.695 28.3999 137.695 27.2999L143.799 30.7999C141.298 34.1999 137.595 35.9999 132.792 35.9999C124.186 35.9999 118.782 30.1999 118.782 22.6999C118.782 15.1999 124.286 9.3999 132.191 9.3999C139.597 9.3999 145 15.0999 145 22.6999C145 23.7999 144.9 24.7999 144.7 25.6999H126.788C127.788 28.2999 130.09 29.1999 132.892 29.1999ZM137.595 20.0999C136.795 17.1999 134.493 16.0999 132.191 16.0999C129.289 16.0999 127.388 17.4999 126.688 20.0999H137.595Z" />
          <path d="M83.458 0V10.1L91.0633 0H83.458Z" />
        </svg>
      </a>
      <nav class="main-nav">
        <div class="main-nav__list user-nav">
          <form class="user-seach" action="https://echo.htmlacademy.ru/" method="post">
            <label class="visually-hidden" for="site-seach">Поиск по сайту</label>
            <input class="user-seach__input" type="search" name="site-seach" id="site-seach" placeholder="Текст поиска">
            <button class="user-seach__button" type="submit">Найти</button>
          </form>
          <ul class="user-nav__list user-list user-login user-login--sign-in">
            <li class="user-nav__item user-login__item--sign-in">
              <a href="#">
                <svg class="user-nav__icon" aria-hidden="true" focusable="false" width="15" height="13"
                  viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M0 12.787H13C12.8 10.187 10.9 7.98699 8.3 7.28699C9.3 6.68699 10 5.58699 10 4.28699C10 2.38699 8.4 0.786987 6.5 0.786987C4.6 0.786987 3 2.38699 3 4.28699C3 5.58699 3.7 6.68699 4.7 7.28699C2.1 7.98699 0.2 10.187 0 12.787Z"
                    fill="black" />
                </svg>
                Войти</a>
            </li>
            <li class="user-nav__item user-login__item--sign-out">
              <a href="#">Имя пользователя</a>
            </li>
            <li class="user-nav__item user-login__item--sign-out">
              <a href="#">Выйти</a>
            </li>
          </ul>
          <ul class="user-nav__list user-list">
            <li class="user-nav__item">
              <a href="#">
                <svg class="user-nav__icon" aria-hidden="true" focusable="false" width="10" height="12"
                  viewBox="0 0 10 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6 0.388916H4V12.3889H6V0.388916Z" fill="black" />
                  <path d="M2 4.38892H0V12.3889H2V4.38892Z" fill="black" />
                  <path d="M10 3.38892H8V12.3889H10V3.38892Z" fill="black" />
                </svg>
                Сравнить</a>
            </li>
            <li class="user-nav__item user-list__cart">
              <a href="#">
                <svg class="user-nav__icon" aria-hidden="true" focusable="false" width="16" height="14"
                  viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M15.3 5.38892L11.8 5.58892L8.6 0.688916C8.5 0.488916 8.2 0.388916 8 0.388916C7.8 0.388916 7.5 0.488916 7.4 0.688916L4.2 5.58892H0.7C0.3 5.58892 0 5.88892 0 6.28892C0 6.38892 0 6.38892 0 6.48892L1.9 13.2889C2.1 13.9889 2.6 14.3889 3.3 14.3889H12.7C13.4 14.3889 13.9 13.9889 14.1 13.2889L16 6.38892C16 6.28892 16 6.28892 16 6.18892C16 5.78892 15.7 5.38892 15.3 5.38892ZM8 2.28892L10.2 5.48892H5.9L8 2.28892Z"
                    fill="black" />
                </svg>
                Корзина</a>
            </li>
          </ul>
        </div>
        <div class="main-nav__list site-nav">
          <div class="nav-catalog">
            <button class="nav-catalog__button" type="button">Каталог товаров</button>
            <button class="nav-catalog__toggle" type="button">
              <svg class="nav-catalog__icon nav-catalog__icon--closed" width="16" height="17" viewBox="0 0 16 17"
                fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16 7.78699H9V0.786987H7V7.78699H0V9.78699H7V16.787H9V9.78699H16V7.78699Z" />
              </svg>
              <svg class="nav-catalog__icon nav-catalog__icon--opened" width="16" height="3" viewBox="0 0 16 3"
                fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16 0.777832H0V2.77783H16V0.777832Z" />
              </svg>
              <span class="visually-hidden">Открыть подкаталог</span>
            </button>
            <ul class="nav-catalog__main-list">
              <ul class="nav-catalog__list">
                <li class="nav-catalog__item">
                  <a href="#">Виртуальная реальность</a>
                </li>
                <li class="nav-catalog__item">
                  <a href="#">Моноподы для селфи</a>
                </li>
                <li class="nav-catalog__item">
                  <a href="#">Экшн-камеры</a>
                </li>
              </ul>
              <ul class="nav-catalog__list">
                <li class="nav-catalog__item">
                  <a href="#">Фитнес-браслеты</a>
                </li>
                <li class="nav-catalog__item">
                  <a href="#">Умные часы</a>
                </li>
              </ul>
              <ul class="nav-catalog__list">
                <li class="nav-catalog__item">
                  <a href="#">Квадрокоптеры</a>
                </li>
              </ul>
            </ul>
          </div>
          <ul class="site-nav__list site-list">
            <li class="site-list__item">
              <a href="#">Доставка</a>
            </li>
            <li class="site-list__item">
              <a href="#">Гарантия</a>
            </li>
            <li class="site-list__item">
              <a href="#">Контакты</a>
            </li>
          </ul>
        </div>
    </div>
  </header>
  <main class="main-index">
    <h1 class="visually-hidden">Магазин современных электронных устройств</h1>
    <section class="top-models">
      <h2 class="visually-hidden">Наши самые популярные товары</h2>
      <div class="top-models__wrapper slider">
        <ul class="top-models__list slider__list">
          <li class="top-models__item  model slider__item">
            <h2 class="visually-hidden">Слайд номер 1</h2>
            <p class="model__number">01</p>
            <img class="model__img" src="./img/slider-1.png" width="560" height="560" alt="Квадрокоптер">
            <div class="model__info">
              <p class="model__slogan">Порхает как бабочка,<br> жалит как пчела!</p>
              <p class="model__description">Этот обычный, на первый взгляд, квадрокоптер оснащен<br> мощным лазером,
                замаскированным под стандартную камеру.
              </p>
              <div class="model__buttons">
                <a class="model__about button" href="#">Подробнее</a>
                <p class="model__toggles slider__toggles">
                  <button class="model__toggle model__toggle--current slider__toggle slider__toggle--current"
                    type="button"><span class="visually-hidden">1</span></button>
                  <button class="model__toggle slider__toggle" type="button"><span
                      class="visually-hidden">2</span></button>
                  <button class="model__toggle slider__toggle" type="button"><span
                      class="visually-hidden">3</span></button>
                </p>
              </div>
              <dl class="propety__list">
                <div class="propety__item">
                  <dt class="propety__number">800 м</dt>
                  <dd class="propety__description">Дальность полёта</dd>
                </div>
                <div class="propety__item">
                  <dt class="propety__number">50 м</dt>
                  <dd class="propety__description">Радиус поражения</dd>
                </div>
              </dl>
            </div>
            <div class="model__control slider__control">
              <button class="model__slider-button model__slider-button--prev slider__button slider__button--prev"
                type="button">
                <span class="visually-hidden">Предыдущее фото</span>
              </button>
              <button class="model__slider-button model__slider-button--next slider__button slidre__button--next"
                type="button">
                <span class="visually-hidden">Следующее фото</span>
              </button>
            </div>
          </li>
          <!--li class="top-models__item  model slider__item">
            <h2 class="visually-hidden">Слайд номер 2</h2>
            <p class="model__number">02</p>
            <img class="model__img" src="./img/slider-2.png" width="560" height="560" alt="Фитнес-браслет">
            <div class="slider__control">
              <button class="slider__button slider__button--prev" type="button">
                <span class="visually-hidden">Предыдущее фото</span>
              </button>
              <button class="slider__button slider__button--next" type="button">
                <span class="visually-hidden">Следующее фото</span>
              </button>
            </div>
            <div class="model__info">
              <p class="model__slogan">Худеем<br> правильно!</p>
              <p class="model__description">Мотивирующие фитнес-браслеты помогут найти в себе силы<br> не пропускать
                занятия и соблюдать диету.
              </p>
              <div class="model__buttons">
                <a class="model__about button" href="#">Подробнее</a>
                <p class="model__toggles slider__toggles">
                  <button class="slider__toggle" type="button"><span class="visually-hidden">1</span></button>
                  <button class="slider__toggle slider__toggle--current" type="button"><span
                      class="visually-hidden">2</span></button>
                  <button class="slider__toggle" type="button"><span class="visually-hidden">3</span></button>
                </p>
              </div>
              <dl class="propety__list">
                <div class="propety__item">
                  <dt class="propety__number">48 часов</dt>
                  <dd class="propety__description">Без подзарядки</dd>
                </div>
              </dl>
            </div>
          </li>
          <li class="top-models__item  model slider__item">
            <h2 class="visually-hidden">Слайд номер 3</h2>
            <p class="model__number">03</p>
            <img class="model__img" src="./img/slider-3.png" width="560" height="560" alt="Селфи-палка">
            <div class="slider__control">
              <button class="slider__button slider__button--prev" type="button">
                <span class="visually-hidden">Предыдущее фото</span>
              </button>
              <button class="slider__button slider__button--next" type="button">
                <span class="visually-hidden">Следующее фото</span>
              </button>
            </div>
            <div class="model__info">
              <p class="model__slogan">Делай селфи,<br> как Бен Стиллер! </p>
              <p class="model__description">Самая длинная палка для селфи доступна в нашем магазине.<br> Восемь (Восемь,
                Карл!) метров длиной и весом всего 5 кг.
              </p>
              <div class="model__buttons">
                <a class="model__about button" href="#">Подробнее</a>
                <p class="model__toggles slider__toggles">
                  <button class="slider__toggle" type="button"><span class="visually-hidden">1</span></button>
                  <button class="slider__toggle" type="button"><span class="visually-hidden">2</span></button>
                  <button class="slider__toggle slider__toggle--current" type="button"><span
                      class="visually-hidden">3</span></button>
                </p>
              </div>
              <dl class="propety__list">
                <div class="propety__item">
                  <dt class="propety__number">8,5 м</dt>
                  <dd class="propety__description">Длина палки</dd>
                </div>
                <div class="propety__item">
                  <dt class="propety__number">5 кг</dt>
                  <dd class="propety__description">Вес палки</dd>
                </div>
                <div class="propety__item">
                  <dt class="propety__number">Карбон</dt>
                  <dd class="propety__description">Материал</dd>
                </div>
              </dl>
            </div>
          </li-->
        </ul>
      </div>
    </section>
    <section class="index-catalog">
      <div class="index-catalog__wrapper">
        <ul class="index-catalog__list">
          <li class="index-catalog__item category">
            <a class="index-catalog__link" href="#">
              <p class="category__img">
                <svg width="97" height="55" viewBox="0 0 97 55" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M84.1314 32.639V20.003C84.1314 18.694 85.1764 17.633 86.4664 17.633L94.7924 19.214V11.02C94.7924 8.66497 93.0844 7.58897 90.5904 6.75497L67.4034 0.174968C69.0194 1.56597 69.2924 2.21497 69.2924 4.57097V49.78C69.2924 52.136 68.8424 53.846 67.3254 54.99L90.5904 47.925C92.9914 47.092 94.7924 43.709 94.7924 41.353V33.44L86.4664 35.007C85.1764 35.009 84.1314 33.947 84.1314 32.639Z"
                    fill="#363636" />
                  <path
                    d="M95.1294 20.979L87.5314 19.535C86.5234 19.535 85.7074 20.364 85.7074 21.386V31.254C85.7074 32.277 86.5234 33.106 87.5314 33.106L95.1294 31.675C96.2834 31.256 96.9534 30.846 96.9534 29.823V22.83C96.9534 21.808 96.1874 21.323 95.1294 20.979Z"
                    fill="#363636" />
                  <path
                    d="M67.1704 4.48297C67.1704 -0.597033 62.9384 0.0239677 62.9384 0.0239677C62.9384 0.0239677 5.83241 4.73797 2.83841 5.14497C-0.155585 5.55197 0.00141458 9.53197 0.00141458 9.53197C0.00141458 9.53197 0.000414578 42.069 0.000414578 45.812C0.000414578 49.555 2.59941 49.565 2.59941 49.565L19.0764 50.968L27.2124 39.3C27.2124 39.3 28.3214 37.472 29.7174 37.472C31.1144 37.472 32.1494 39.333 32.1494 39.333L41.2104 52.854C41.2104 52.854 60.1054 54.763 63.7314 54.763C67.3574 54.762 67.1704 49.739 67.1704 49.739C67.1704 49.739 67.1704 9.56297 67.1704 4.48297ZM12.9824 37.192C9.28442 37.192 6.28641 32.591 6.28641 26.917C6.28641 21.243 9.28442 16.642 12.9824 16.642C16.6804 16.642 19.6784 21.243 19.6784 26.917C19.6784 32.591 16.6804 37.192 12.9824 37.192ZM49.1404 38.618C44.4784 38.618 40.6994 33.379 40.6994 26.917C40.6994 20.454 44.4794 15.215 49.1404 15.215C53.8024 15.215 57.5824 20.454 57.5824 26.917C57.5824 33.379 53.8024 38.618 49.1404 38.618Z"
                    fill="#363636" />
                </svg>
              </p>
              <p class="category__name">Виртуальная реальность</p>
            </a>
          </li>
          <li class="index-catalog__item category">
            <a class="index-catalog__link" href="#">
              <p class="category__img">
                <svg width="87" height="117" viewBox="0 0 87 117" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M82.821 4.011H3.33003C1.56903 4.011 0.142029 5.438 0.142029 7.199V53.612C0.142029 55.375 1.56903 56.801 3.33003 56.801H82.822C84.584 56.801 86.011 55.374 86.011 53.612V7.199C86.011 5.438 84.583 4.011 82.821 4.011ZM8.39203 37.236H8.16603C6.40403 37.236 4.97703 35.807 4.97703 34.047V26.764C4.97703 25.003 6.40403 23.576 8.16603 23.576H8.39203V37.236ZM69.623 52.408H13.341V8.402H69.623V52.408ZM78.4 34.552C76.111 34.552 74.254 32.697 74.254 30.405C74.254 28.113 76.11 26.258 78.4 26.258C80.691 26.258 82.548 28.113 82.548 30.405C82.548 32.697 80.691 34.552 78.4 34.552Z"
                    fill="#363636" />
                  <path d="M54.654 0H31.497V2.758H54.654V0Z" fill="#363636" />
                  <path
                    d="M46.608 64.861V61.888H54.654V59.13H31.498V61.888H39.543V97.134C37.404 98.072 35.908 100.206 35.908 102.693V117H50.243V102.693C50.243 100.207 48.748 98.072 46.607 97.136V69.146H51.403L56.454 70.359V63.648L51.403 64.861H46.608Z"
                    fill="#363636" />
                </svg>
              </p>
              <p class="category__name">Моноподы<br> для селфи</p>
            </a>
          </li>
          <li class="index-catalog__item category">
            <a class="index-catalog__link" href="#">
              <p class="category__img">
                <svg width="72" height="87" viewBox="0 0 72 87" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M53.349 1.49C53.349 0.754 52.771 0 52.038 0H9.053C8.32 0 7.672 0.754 7.672 1.49V5.012H53.348L53.349 1.49Z"
                    fill="#363636" />
                  <path
                    d="M54.202 81.809H44.605V71.426H37.647V73.933H18.774C18.237 72.679 17.017 71.785 15.593 71.785H3.559C1.642 71.784 0 73.387 0 75.311V78.329C0 80.253 1.642 81.809 3.559 81.809H15.594C17.105 81.809 18.386 80.913 18.863 79.483H37.648V81.809H28.13C27.597 81.809 27.12 82.246 27.12 82.781V85.953C27.12 86.488 27.598 87.001 28.13 87.001H54.202C54.735 87.001 55.132 86.488 55.132 85.953V82.78C55.132 82.245 54.735 81.809 54.202 81.809Z"
                    fill="#363636" />
                  <path
                    d="M60.666 12.39C59.805 9.453 57.099 7.34 53.895 7.34H7.148C3.25 7.34 0 10.449 0 14.361V61.261C0 65.173 3.25 68.382 7.148 68.382H53.895C57.793 68.382 61.021 65.173 61.021 61.261V50.915C67.087 46.711 71.022 39.704 71.022 31.751C71.021 23.672 66.89 16.57 60.666 12.39ZM12.238 62.151C8.979 62.151 6.337 59.501 6.337 56.23C6.337 52.96 8.979 50.308 12.238 50.308C15.497 50.308 18.14 52.96 18.14 56.23C18.14 59.501 15.497 62.151 12.238 62.151ZM18.199 29.546C18.199 30.332 17.564 30.968 16.781 30.968H7.841C7.058 30.968 6.423 30.331 6.423 29.546V15.386C6.423 14.6 7.058 13.963 7.841 13.963H16.78C17.563 13.963 18.198 14.6 18.198 15.386L18.199 29.546ZM47.762 51.858C36.686 51.858 27.705 42.848 27.705 31.735C27.705 20.622 36.685 11.611 47.762 11.611C58.839 11.611 67.82 20.621 67.82 31.735C67.82 42.849 58.839 51.858 47.762 51.858Z"
                    fill="#363636" />
                  <path
                    d="M47.762 43.964C54.4932 43.964 59.95 38.4889 59.95 31.735C59.95 24.9811 54.4932 19.506 47.762 19.506C41.0308 19.506 35.574 24.9811 35.574 31.735C35.574 38.4889 41.0308 43.964 47.762 43.964Z"
                    fill="#363636" />
                  <path
                    d="M31.562 33.171C32.3545 33.171 32.997 32.5285 32.997 31.736C32.997 30.9435 32.3545 30.301 31.562 30.301C30.7695 30.301 30.127 30.9435 30.127 31.736C30.127 32.5285 30.7695 33.171 31.562 33.171Z"
                    fill="#363636" />
                  <path
                    d="M63.963 33.171C64.7555 33.171 65.398 32.5285 65.398 31.736C65.398 30.9435 64.7555 30.301 63.963 30.301C63.1705 30.301 62.528 30.9435 62.528 31.736C62.528 32.5285 63.1705 33.171 63.963 33.171Z"
                    fill="#363636" />
                  <path
                    d="M39.109 19.429C39.9015 19.429 40.544 18.7865 40.544 17.994C40.544 17.2015 39.9015 16.559 39.109 16.559C38.3165 16.559 37.674 17.2015 37.674 17.994C37.674 18.7865 38.3165 19.429 39.109 19.429Z"
                    fill="#363636" />
                  <path
                    d="M56.415 46.912C57.2048 46.912 57.845 46.2691 57.845 45.476C57.845 44.6829 57.2048 44.04 56.415 44.04C55.6252 44.04 54.985 44.6829 54.985 45.476C54.985 46.2691 55.6252 46.912 56.415 46.912Z"
                    fill="#363636" />
                  <path
                    d="M55.697 19C56.4895 19 57.132 18.3575 57.132 17.565C57.132 16.7725 56.4895 16.13 55.697 16.13C54.9045 16.13 54.262 16.7725 54.262 17.565C54.262 18.3575 54.9045 19 55.697 19Z"
                    fill="#363636" />
                  <path
                    d="M39.828 47.341C40.6205 47.341 41.263 46.6985 41.263 45.906C41.263 45.1135 40.6205 44.471 39.828 44.471C39.0355 44.471 38.393 45.1135 38.393 45.906C38.393 46.6985 39.0355 47.341 39.828 47.341Z"
                    fill="#363636" />
                </svg>
              </p>
              <p class="category__name">Экшн-камеры</p>
            </a>
          </li>
          <li class="index-catalog__item category">
            <a class="index-catalog__link" href="#">
              <p class="category__img">
                <svg width="108" height="66" viewBox="0 0 108 66" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M98.967 5.07411C99.719 6.51511 100.176 8.15411 100.176 9.89211V30.9941C100.176 35.6101 97.084 39.5211 92.93 40.8941C91.605 44.8811 89.152 48.7481 84.879 51.3261C76.203 56.5571 53.755 56.1631 53.681 56.1631C53.603 56.1631 31.168 56.5581 22.492 51.3261C18.276 48.7811 15.784 44.9791 14.45 41.0471C10.032 39.8381 6.694 35.7961 6.694 30.9941V9.89311C6.694 8.20511 7.121 6.61111 7.833 5.20011C4.17 6.10911 0 7.91811 0 11.4341C0 17.6771 0 37.1211 0 41.4171C0 51.6681 11.839 65.8501 53.657 65.8501C95.477 65.8501 107.314 51.6681 107.314 41.4171C107.314 37.1211 107.314 17.6771 107.314 11.4341C107.313 7.75011 102.738 5.94011 98.967 5.07411Z"
                    fill="#363636" />
                  <path
                    d="M20.561 39.4591H86.084C91.648 39.4591 96.158 34.9461 96.158 29.3821V10.9351C96.158 5.37211 91.648 0.860107 86.084 0.860107H20.561C14.997 0.860107 10.486 5.37111 10.486 10.9351V29.3821C10.486 34.9461 14.997 39.4591 20.561 39.4591ZM83.695 10.4681C84.562 10.4681 85.264 11.1711 85.264 12.0381C85.264 12.9041 84.562 13.6071 83.695 13.6071C82.828 13.6071 82.127 12.9041 82.127 12.0381C82.127 11.1701 82.828 10.4681 83.695 10.4681ZM83.695 14.5071C84.562 14.5071 85.264 15.2101 85.264 16.0751C85.264 16.9421 84.562 17.6441 83.695 17.6441C82.828 17.6441 82.127 16.9421 82.127 16.0751C82.127 15.2101 82.828 14.5071 83.695 14.5071ZM83.695 18.5461C84.562 18.5461 85.264 19.2481 85.264 20.1151C85.264 20.9811 84.562 21.6841 83.695 21.6841C82.828 21.6841 82.127 20.9811 82.127 20.1151C82.127 19.2481 82.828 18.5461 83.695 18.5461ZM83.695 22.3731C84.562 22.3731 85.264 23.0771 85.264 23.9421C85.264 24.8091 84.562 25.5101 83.695 25.5101C82.828 25.5101 82.127 24.8091 82.127 23.9421C82.127 23.0761 82.828 22.3731 83.695 22.3731ZM83.695 26.4121C84.562 26.4121 85.264 27.1141 85.264 27.9811C85.264 28.8461 84.562 29.5491 83.695 29.5491C82.828 29.5491 82.127 28.8451 82.127 27.9811C82.127 27.1141 82.828 26.4121 83.695 26.4121ZM79.656 10.4681C80.523 10.4681 81.224 11.1711 81.224 12.0381C81.224 12.9041 80.523 13.6071 79.656 13.6071C78.791 13.6071 78.088 12.9041 78.088 12.0381C78.088 11.1701 78.791 10.4681 79.656 10.4681ZM79.656 26.4121C80.523 26.4121 81.224 27.1141 81.224 27.9811C81.224 28.8461 80.523 29.5491 79.656 29.5491C78.791 29.5491 78.088 28.8451 78.088 27.9811C78.088 27.1141 78.791 26.4121 79.656 26.4121ZM75.619 10.4681C76.484 10.4681 77.187 11.1711 77.187 12.0381C77.187 12.9041 76.484 13.6071 75.619 13.6071C74.752 13.6071 74.05 12.9041 74.05 12.0381C74.05 11.1701 74.752 10.4681 75.619 10.4681ZM75.619 14.5071C76.484 14.5071 77.187 15.2101 77.187 16.0751C77.187 16.9421 76.484 17.6441 75.619 17.6441C74.752 17.6441 74.05 16.9421 74.05 16.0751C74.05 15.2101 74.752 14.5071 75.619 14.5071ZM75.619 18.5461C76.484 18.5461 77.187 19.2481 77.187 20.1151C77.187 20.9811 76.484 21.6841 75.619 21.6841C74.752 21.6841 74.05 20.9811 74.05 20.1151C74.05 19.2481 74.752 18.5461 75.619 18.5461ZM75.619 22.3731C76.484 22.3731 77.187 23.0771 77.187 23.9421C77.187 24.8091 76.484 25.5101 75.619 25.5101C74.752 25.5101 74.05 24.8091 74.05 23.9421C74.05 23.0761 74.752 22.3731 75.619 22.3731ZM75.619 26.4121C76.484 26.4121 77.187 27.1141 77.187 27.9811C77.187 28.8461 76.484 29.5491 75.619 29.5491C74.752 29.5491 74.05 28.8451 74.05 27.9811C74.05 27.1141 74.752 26.4121 75.619 26.4121ZM67.965 10.4681C68.832 10.4681 69.533 11.1711 69.533 12.0381C69.533 12.9041 68.832 13.6071 67.965 13.6071C67.098 13.6071 66.397 12.9041 66.397 12.0381C66.396 11.1701 67.1 10.4681 67.965 10.4681ZM67.965 18.5461C68.832 18.5461 69.533 19.2481 69.533 20.1151C69.533 20.9811 68.832 21.6841 67.965 21.6841C67.098 21.6841 66.397 20.9811 66.397 20.1151C66.396 19.2481 67.1 18.5461 67.965 18.5461ZM67.965 22.4271C68.832 22.4271 69.533 23.1281 69.533 23.9951C69.533 24.8601 68.832 25.5641 67.965 25.5641C67.098 25.5641 66.397 24.8601 66.397 23.9951C66.396 23.1281 67.1 22.4271 67.965 22.4271ZM67.965 26.4121C68.832 26.4121 69.533 27.1141 69.533 27.9811C69.533 28.8461 68.832 29.5491 67.965 29.5491C67.098 29.5491 66.397 28.8451 66.397 27.9811C66.396 27.1141 67.1 26.4121 67.965 26.4121ZM63.926 10.4681C64.793 10.4681 65.496 11.1711 65.496 12.0381C65.496 12.9041 64.793 13.6071 63.926 13.6071C63.061 13.6071 62.357 12.9041 62.357 12.0381C62.356 11.1701 63.061 10.4681 63.926 10.4681ZM63.926 18.5461C64.793 18.5461 65.496 19.2481 65.496 20.1151C65.496 20.9811 64.793 21.6841 63.926 21.6841C63.061 21.6841 62.357 20.9811 62.357 20.1151C62.356 19.2481 63.061 18.5461 63.926 18.5461ZM63.926 26.4121C64.793 26.4121 65.496 27.1141 65.496 27.9811C65.496 28.8461 64.793 29.5491 63.926 29.5491C63.061 29.5491 62.357 28.8451 62.357 27.9811C62.356 27.1141 63.061 26.4121 63.926 26.4121ZM59.888 10.4681C60.753 10.4681 61.457 11.1711 61.457 12.0381C61.457 12.9041 60.753 13.6071 59.888 13.6071C59.021 13.6071 58.32 12.9041 58.32 12.0381C58.319 11.1701 59.021 10.4681 59.888 10.4681ZM59.888 14.5071C60.753 14.5071 61.457 15.2101 61.457 16.0751C61.457 16.9421 60.753 17.6441 59.888 17.6441C59.021 17.6441 58.32 16.9421 58.32 16.0751C58.319 15.2101 59.021 14.5071 59.888 14.5071ZM59.888 18.5461C60.753 18.5461 61.457 19.2481 61.457 20.1151C61.457 20.9811 60.753 21.6841 59.888 21.6841C59.021 21.6841 58.32 20.9811 58.32 20.1151C58.319 19.2481 59.021 18.5461 59.888 18.5461ZM59.888 26.4121C60.753 26.4121 61.457 27.1141 61.457 27.9811C61.457 28.8461 60.753 29.5491 59.888 29.5491C59.021 29.5491 58.32 28.8451 58.32 27.9811C58.319 27.1141 59.021 26.4121 59.888 26.4121ZM51.598 10.4681C52.465 10.4681 53.167 11.1711 53.167 12.0381C53.167 12.9041 52.465 13.6071 51.598 13.6071C50.731 13.6071 50.03 12.9041 50.03 12.0381C50.029 11.1701 50.731 10.4681 51.598 10.4681ZM51.598 14.5071C52.465 14.5071 53.167 15.2101 53.167 16.0751C53.167 16.9421 52.465 17.6441 51.598 17.6441C50.731 17.6441 50.03 16.9421 50.03 16.0751C50.029 15.2101 50.731 14.5071 51.598 14.5071ZM51.598 18.5461C52.465 18.5461 53.167 19.2481 53.167 20.1151C53.167 20.9811 52.465 21.6841 51.598 21.6841C50.731 21.6841 50.03 20.9811 50.03 20.1151C50.029 19.2481 50.731 18.5461 51.598 18.5461ZM51.598 22.4271C52.465 22.4271 53.167 23.1281 53.167 23.9951C53.167 24.8601 52.465 25.5641 51.598 25.5641C50.731 25.5641 50.03 24.8601 50.03 23.9951C50.029 23.1281 50.731 22.4271 51.598 22.4271ZM51.598 26.4121C52.465 26.4121 53.167 27.1141 53.167 27.9811C53.167 28.8461 52.465 29.5491 51.598 29.5491C50.731 29.5491 50.03 28.8451 50.03 27.9811C50.029 27.1141 50.731 26.4121 51.598 26.4121ZM47.559 14.5071C48.426 14.5071 49.127 15.2101 49.127 16.0751C49.127 16.9421 48.426 17.6441 47.559 17.6441C46.692 17.6441 45.99 16.9421 45.99 16.0751C45.99 15.2101 46.691 14.5071 47.559 14.5071ZM39.057 14.2951C39.922 14.2951 40.626 14.9981 40.626 15.8631C40.626 16.7301 39.922 17.4321 39.057 17.4321C38.19 17.4321 37.486 16.7291 37.486 15.8631C37.486 14.9981 38.189 14.2951 39.057 14.2951ZM39.057 18.3331C39.922 18.3331 40.626 19.0361 40.626 19.9031C40.626 20.7691 39.922 21.4731 39.057 21.4731C38.19 21.4731 37.486 20.7691 37.486 19.9031C37.486 19.0361 38.189 18.3331 39.057 18.3331ZM35.018 10.2551C35.883 10.2551 36.586 10.9581 36.586 11.8251C36.586 12.6911 35.882 13.3931 35.018 13.3931C34.151 13.3931 33.449 12.6901 33.449 11.8251C33.449 10.9581 34.15 10.2551 35.018 10.2551ZM35.018 14.2951C35.883 14.2951 36.586 14.9981 36.586 15.8631C36.586 16.7301 35.882 17.4321 35.018 17.4321C34.151 17.4321 33.449 16.7291 33.449 15.8631C33.449 14.9981 34.15 14.2951 35.018 14.2951ZM35.018 18.3331C35.883 18.3331 36.586 19.0361 36.586 19.9031C36.586 20.7691 35.882 21.4731 35.018 21.4731C34.151 21.4731 33.449 20.7691 33.449 19.9031C33.449 19.0361 34.15 18.3331 35.018 18.3331ZM35.018 22.3731C35.883 22.3731 36.586 23.0771 36.586 23.9421C36.586 24.8091 35.882 25.5101 35.018 25.5101C34.151 25.5101 33.449 24.8091 33.449 23.9421C33.449 23.0761 34.15 22.3731 35.018 22.3731ZM30.764 14.2951C31.631 14.2951 32.333 14.9981 32.333 15.8631C32.333 16.7301 31.631 17.4321 30.764 17.4321C29.897 17.4321 29.196 16.7291 29.196 15.8631C29.196 14.9981 29.897 14.2951 30.764 14.2951ZM30.764 18.3331C31.631 18.3331 32.333 19.0361 32.333 19.9031C32.333 20.7691 31.631 21.4731 30.764 21.4731C29.897 21.4731 29.196 20.7691 29.196 19.9031C29.196 19.0361 29.897 18.3331 30.764 18.3331ZM30.764 22.3731C31.631 22.3731 32.333 23.0771 32.333 23.9421C32.333 24.8091 31.631 25.5101 30.764 25.5101C29.897 25.5101 29.196 24.8091 29.196 23.9421C29.196 23.0761 29.897 22.3731 30.764 22.3731ZM30.764 26.4121C31.631 26.4121 32.333 27.1141 32.333 27.9811C32.333 28.8461 31.631 29.5491 30.764 29.5491C29.897 29.5491 29.196 28.8451 29.196 27.9811C29.196 27.1141 29.897 26.4121 30.764 26.4121ZM26.3 10.2551C27.167 10.2551 27.871 10.9581 27.871 11.8251C27.871 12.6911 27.167 13.3931 26.3 13.3931C25.435 13.3931 24.731 12.6901 24.731 11.8251C24.731 10.9581 25.435 10.2551 26.3 10.2551ZM26.3 14.2951C27.167 14.2951 27.871 14.9981 27.871 15.8631C27.871 16.7301 27.167 17.4321 26.3 17.4321C25.435 17.4321 24.731 16.7291 24.731 15.8631C24.731 14.9981 25.435 14.2951 26.3 14.2951ZM26.3 18.3331C27.167 18.3331 27.871 19.0361 27.871 19.9031C27.871 20.7691 27.167 21.4731 26.3 21.4731C25.435 21.4731 24.731 20.7691 24.731 19.9031C24.731 19.0361 25.435 18.3331 26.3 18.3331ZM26.3 22.3731C27.167 22.3731 27.871 23.0771 27.871 23.9421C27.871 24.8091 27.167 25.5101 26.3 25.5101C25.435 25.5101 24.731 24.8091 24.731 23.9421C24.731 23.0761 25.435 22.3731 26.3 22.3731ZM22.263 14.2951C23.128 14.2951 23.832 14.9981 23.832 15.8631C23.832 16.7301 23.128 17.4321 22.263 17.4321C21.396 17.4321 20.694 16.7291 20.694 15.8631C20.694 14.9981 21.396 14.2951 22.263 14.2951ZM22.263 18.3331C23.128 18.3331 23.832 19.0361 23.832 19.9031C23.832 20.7691 23.128 21.4731 22.263 21.4731C21.396 21.4731 20.694 20.7691 20.694 19.9031C20.694 19.0361 21.396 18.3331 22.263 18.3331Z"
                    fill="#363636" />
                </svg>
              </p>
              <p class="category__name">Фитнес-браслеты</p>
            </a>
          </li>
          <li class="index-catalog__item category">
            <a class="index-catalog__link" href="#">
              <p class="category__img">
                <svg width="56" height="98" viewBox="0 0 56 98" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M54.494 32.197H52.979V27.557C52.979 22.505 48.892 18.371 43.897 18.371H9.082C4.086 18.372 0 22.505 0 27.557V70.425C0 75.477 4.087 79.61 9.083 79.61H43.898C48.893 79.61 52.98 75.477 52.98 70.425V67.01H54.495C54.91 67.01 55.252 66.666 55.252 66.246V52.467C55.252 52.046 54.91 51.701 54.495 51.701H52.98V42.913H54.495C55.327 42.913 56.009 42.225 56.009 41.382V33.728C56.008 32.886 55.326 32.197 54.494 32.197ZM34.082 29.088C37.008 29.088 39.381 31.486 39.381 34.446C39.381 37.406 37.008 39.804 34.082 39.804C31.156 39.804 28.784 37.406 28.784 34.446C28.784 31.486 31.156 29.088 34.082 29.088ZM18.945 29.088C21.87 29.088 24.243 31.486 24.243 34.446C24.243 37.406 21.87 39.804 18.945 39.804C16.019 39.804 13.647 37.406 13.647 34.446C13.647 31.486 16.019 29.088 18.945 29.088ZM5.297 49.397C5.297 46.438 7.668 44.039 10.595 44.039C13.521 44.039 15.893 46.438 15.893 49.397C15.893 52.356 13.52 54.755 10.595 54.755C7.668 54.756 5.297 52.356 5.297 49.397ZM18.945 68.894C16.019 68.894 13.647 66.496 13.647 63.536C13.647 60.576 16.019 58.178 18.945 58.178C21.87 58.178 24.243 60.576 24.243 63.536C24.243 66.496 21.87 68.894 18.945 68.894ZM20.435 48.991C20.435 45.609 23.146 42.867 26.49 42.867C29.834 42.867 32.545 45.609 32.545 48.991C32.545 52.373 29.834 55.115 26.49 55.115C23.146 55.114 20.435 52.373 20.435 48.991ZM34.082 68.894C31.156 68.894 28.784 66.496 28.784 63.536C28.784 60.576 31.156 58.178 34.082 58.178C37.008 58.178 39.381 60.576 39.381 63.536C39.381 66.496 37.008 68.894 34.082 68.894ZM42.384 54.756C39.457 54.756 37.086 52.357 37.086 49.398C37.086 46.439 39.457 44.04 42.384 44.04C45.31 44.04 47.682 46.439 47.682 49.398C47.682 52.356 45.31 54.756 42.384 54.756Z"
                    fill="#363636" />
                  <path
                    d="M9.646 15.31H43.333C44.176 15.31 44.765 14.629 44.639 13.796L43.023 3.028C43.023 3.028 43.023 3.027 43.021 3.026C42.771 1.362 41.189 0 39.506 0H13.474C11.788 0 10.206 1.362 9.957 3.028L8.342 13.795C8.217 14.628 8.803 15.31 9.646 15.31Z"
                    fill="#363636" />
                  <path
                    d="M43.333 82.671H9.646C8.803 82.671 8.217 83.354 8.342 84.187L9.957 94.954C10.207 96.62 11.789 97.982 13.473 97.982H39.505C41.189 97.982 42.771 96.62 43.022 94.956V94.954L44.637 84.187C44.765 83.354 44.176 82.671 43.333 82.671Z"
                    fill="#363636" />
                </svg>
              </p>
              <p class="category__name">Умные часы</p>
            </a>
          </li>
          <li class="index-catalog__item category">
            <a class="index-catalog__link" href="#">
              <p class="category__img">
                <svg width="133" height="69" viewBox="0 0 133 69" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M12.0523 0.257913C6.50738 0.745213 1.83838 1.85073 0.575275 2.93033C-0.147425 3.54653 -0.147425 3.54653 0.342875 4.08653C0.987375 4.80623 4.05628 5.73151 7.59048 6.32281C11.5885 6.99081 20.1003 7.01622 21.3136 6.37412C22.5255 5.70612 22.9376 4.96048 22.9376 3.39268C22.9376 1.77398 22.3185 0.976689 20.7198 0.540189C19.274 0.154289 14.9415 1.33812e-05 12.0523 0.257913Z"
                    fill="#363636" />
                  <path
                    d="M25.7745 0.488281C25.6451 0.771481 25.5162 2.5962 25.5162 4.6001C25.5162 8.6611 25.6715 8.3784 23.3243 8.5332L22.2935 8.6103L22.0352 13.6986L20.8487 13.9818C18.2696 14.6498 16.8497 16.577 17.0572 19.2762C17.1851 21.2034 18.088 22.617 19.6358 23.3631C20.7447 23.8763 21.1055 23.9012 30.8819 23.9012C36.4268 23.9012 41.0191 23.9798 41.0704 24.0819C41.1212 24.2103 39.961 33.4891 38.4908 44.7206C37.046 55.9511 35.8077 65.7177 35.7823 66.3866C35.731 68.0038 36.6085 69.0077 38.13 69.0077C39.3673 69.0077 40.1417 68.3661 40.4513 67.1063C40.5807 66.5926 41.9469 56.7733 43.4694 45.285C44.9914 33.8221 46.3322 24.4163 46.4098 24.4163C46.5128 24.4163 47.4928 25.8294 48.6022 27.552C51.5421 32.178 51.0011 31.8689 56.2375 31.8689H60.5959V37.4987L55.4631 37.5758C50.7429 37.6529 50.2531 37.7028 49.5818 38.191C48.009 39.3482 47.9568 39.606 47.9568 49.1676C47.9568 58.7018 47.9832 58.9596 49.4793 60.2174L50.3304 60.9127H81.6956L82.5462 60.2174C84.0423 58.9596 84.0667 58.7018 84.0667 49.1676C84.0667 39.6061 84.0159 39.3483 82.4437 38.191C81.7728 37.7027 81.2826 37.6529 76.5619 37.5758L71.4301 37.4987V31.8689H75.7895C81.0239 31.8689 80.4829 32.178 83.4233 27.552C84.5337 25.8293 85.5131 24.4163 85.6167 24.4163C85.6929 24.4163 87.0356 33.8221 88.5562 45.285C90.0787 56.7733 91.4458 66.5926 91.5748 67.1063C91.8844 68.3661 92.6568 69.0077 93.8961 69.0077C95.4176 69.0077 96.2955 68.0038 96.2428 66.3866C96.2174 65.7177 94.9791 55.9511 93.5338 44.7206C92.065 33.4892 90.9029 24.2103 90.9557 24.0819C91.0065 23.9798 95.5973 23.9012 101.145 23.9012C110.921 23.9012 111.281 23.8763 112.389 23.3631C113.937 22.617 114.839 21.2034 114.968 19.2762C115.175 16.577 113.757 14.6497 111.177 13.9818L109.99 13.6986L109.734 8.6103L108.702 8.5332C106.355 8.3784 106.508 8.6611 106.508 4.6001C106.508 2.5962 106.38 0.771481 106.252 0.488281C106.045 0.128381 105.709 0 104.884 0C104.265 0 103.646 0.128394 103.464 0.308594C103.258 0.514194 103.155 1.77392 103.155 4.24072C103.155 6.70802 103.052 7.9678 102.845 8.1728C102.666 8.3525 101.944 8.48091 101.196 8.48091C99.5699 8.48091 99.5445 8.53311 99.5445 11.5913V13.8784H32.4806V11.5913C32.4806 8.53321 32.4557 8.48091 30.8307 8.48091C30.0822 8.48091 29.3605 8.3525 29.1803 8.1728C28.9728 7.9677 28.8702 6.70802 28.8702 4.24072C28.8702 1.77392 28.7672 0.514094 28.5606 0.308594C28.3799 0.128394 27.7603 0 27.1417 0C26.317 0 25.9815 0.128481 25.7745 0.488281ZM68.6173 40.6084C71.506 41.5068 74.0089 44.001 74.7833 46.7764C75.2218 48.3194 75.0929 50.9922 74.4991 52.5596C73.8028 54.4346 71.8145 56.5694 69.9337 57.4951C68.6437 58.1367 68.1798 58.2139 66.0128 58.2139C63.8463 58.2139 63.3819 58.1368 62.0924 57.4951C60.2081 56.5693 58.2233 54.4346 57.5265 52.5596C56.9337 50.9922 56.8038 48.3194 57.2428 46.7764C57.9908 44.0528 60.4923 41.5069 63.3043 40.6084C65.3165 39.9659 66.6046 39.9659 68.6173 40.6084Z"
                    fill="#363636" />
                  <path
                    d="M63.794 44.4375C61.7574 45.3633 60.2872 48.0869 60.7252 50.168C61.4991 53.8448 65.5484 55.7207 68.7208 53.8701C70.7062 52.7119 71.712 50.3232 71.172 48.0869C70.6036 45.6963 68.4376 43.9492 66.0128 43.9492C65.3673 43.9493 64.3873 44.1807 63.794 44.4375Z"
                    fill="#363636" />
                  <path
                    d="M36.0919 0.154283C32.1715 0.822283 31.5787 1.28518 31.5787 3.59808C31.5787 5.42278 32.0426 6.0141 33.8468 6.5537C35.3966 7.0161 41.0192 7.06787 44.3468 6.68207C51.2076 5.85977 55.6686 4.13766 54.0455 2.93006C52.7804 2.03016 49.1432 1.05358 44.9913 0.539977C42.5157 0.231977 36.9952 -1.67042e-05 36.0919 0.154283Z"
                    fill="#363636" />
                  <path
                    d="M89.4845 0.257917C83.1652 0.848217 77.6202 2.339 77.6202 3.4439C77.6202 5.1661 85.461 6.91361 93.2501 6.93951C99.0538 6.93951 100.446 6.2974 100.446 3.5982C100.446 1.774 99.8273 0.976616 98.0734 0.514216C96.4239 0.102616 92.3985 1.71959e-05 89.4845 0.257917Z"
                    fill="#363636" />
                  <path
                    d="M112.776 0.283308C110.996 0.514308 109.758 1.05383 109.346 1.77403C108.959 2.54453 109.036 4.67781 109.5 5.34581C110.428 6.65681 111.152 6.81109 116.568 6.81109C120.23 6.81109 122.37 6.68221 124.435 6.32281C127.969 5.73151 131.038 4.80623 131.683 4.08653C132.173 3.54653 132.173 3.54653 131.45 2.93033C130.109 1.79943 125.492 0.745217 119.534 0.257917C116.053 -0.0252828 115.046 -0.0252922 112.776 0.283308Z"
                    fill="#363636" />
                </svg>
              </p>
              <p class="category__name">Квадрокоптеры</p>
            </a>
          </li>
        </ul>
    </section>
    <section class="servises">
      <h2 class="visually-hidden">Наши сервисы</h2>
      <div class="servises__wrapper slider">
        <p class="servises__toggles slider__toggles">
          <button class="servises__toggle button servises__toggle--current slider__toggle slider__toggle--current"
            type="button"><span>Доставка</span></button>
          <button class="servises__toggle button slider__toggle" type="button"><span>Гарантия</span></button>
          <button class="servises__toggle button slider__toggle" type="button"><span>Кредит</span></button>
        </p>
        <ul class="servises__list slider__list">
          <li class="servises__item servises__item--delivery slider__item service">
            <h3 class="servis__title">Доставка</h3>
            <p class="servis__description">
              Мы с удовольствием доставим ваш товар прямо к вашему подъезду совершенно бесплатно! Ведь мы неплохо
              заработаем, поднимая его на ваш этаж.
            </p>
          </li>
        </ul>
      </div>
    </section>
    <section class="delivery">
      <h2 class="visually-hidden">Заказ доставки</h2>
      <div class="delivery__wrapper">
        <a class="delivery__link" href="#">
          <p class="delivery__img">
            <svg width="47" height="31" viewBox="0 0 47 31" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M46.7 15.4L40.2 7.2C39.9 6.8 39.5 6.6 39 6.6H30.7V1.5C30.7 0.7 30 0 29.2 0H1.5C0.7 0 0 0.7 0 1.5C0 2.3 0.7 3 1.5 3H27.7V24.7H15.8C15.2 22.8 13.4 21.4 11.3 21.4C8.7 21.4 6.5 23.6 6.5 26.2C6.5 28.8 8.7 31 11.3 31C13.4 31 15.2 29.6 15.8 27.7H29.2C30 27.7 30.7 27 30.7 26.2V9.6H38.3L44 16.9V24.8H41.8C41.2 22.9 39.4 21.5 37.3 21.5C34.7 21.5 32.5 23.7 32.5 26.3C32.5 28.9 34.6 31.1 37.3 31.1C39.4 31.1 41.2 29.7 41.8 27.8H45.5C46.3 27.8 47 27.1 47 26.3V16.4C47 16 46.9 15.7 46.7 15.4ZM11.3 28C10.3 28 9.5 27.2 9.5 26.2C9.5 25.2 10.3 24.4 11.3 24.4C12.3 24.4 13.1 25.2 13.1 26.2C13.1 27.2 12.2 28 11.3 28ZM37.4 28C36.4 28 35.6 27.2 35.6 26.2C35.6 25.2 36.4 24.4 37.4 24.4C38.4 24.4 39.2 25.2 39.2 26.2C39.2 27.2 38.3 28 37.4 28Z"
                fill="black" />
              <path
                d="M19.4 9.6C20.2 9.6 20.9 8.9 20.9 8.1C20.9 7.3 20.2 6.6 19.4 6.6H4.8C4 6.6 3.3 7.3 3.3 8.1C3.3 8.9 4 9.6 4.8 9.6H19.4Z"
                fill="black" />
              <path
                d="M17.7 14.7C17.7 13.9 17 13.2 16.2 13.2H1.5C0.7 13.2 0 13.9 0 14.7C0 15.5 0.7 16.2 1.5 16.2H16.2C17 16.2 17.7 15.5 17.7 14.7Z"
                fill="black" />
            </svg>
          </p>
          <p class="delivery__text">Доставим редкий товар под заказ</p>
          <p class="delivery__info">
            <button class="delivery__button" type="button">
              <span class="visually-hidden">Показать дополнительную информацию</span>
              <svg class="delivery__icon" width="2" height="13" viewBox="0 0 2 13" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M2 0.356934H0V2.35693H2V0.356934Z" />
                <path d="M2 4.35693H0V12.3569H2V4.35693Z" />
              </svg>
            </button>
          </p>
        </a>
      </div>
    </section>
    <div class="page__inner">
      <section class="about">
        <h2 class="about__title">О нас</h2>
        <p class="about__text">Огромный выбор гаджетов не оставит равнодушным гика, который есть в каждом из нас.</p>
        <p class="about__text">Мы можем доставить ваш товар в самые отдалённые уголки России транспортными компаниями:
        </p>
        <ul class="about__list">
          <li class="about__item">Меловые линии</li>
          <li class="about__item">СДИК</li>
          <li class="about__item">ТоксБерри</li>
        </ul>
        <a class="about__button button" href="#">Подробнее о нас</a>
      </section>
      <section class="contacts">
        <h2 class="contacts__title">Контакты</h2>
        <p class="contacts__text">Вы можете забрать товар сами, заехав в наш офис. Заодно сможете проверить
          работоспособность покупки.</p>
        <h3 class="contacts__subtitle">Интернет-магазин «Девайс»</h3>
        <address class="contacts__address">Санкт-Петербург, набережная реки Карповки, 5, литера П.</address>
        <a class="contacts__phone" href="tel:88128121212">+7 (812) 812-12-12</a>
        <h3 class="contacts__subtitle">Время работы</h3>
        <ul class="contacts__list">
          <li class="contacts__item">
            пн—пт: с 10:00 до 22:00
          </li>
          <li class="contacts__item">
            сб—вс: с 10:00 до 19:00
          </li>
        </ul>
        <a class="contacts-whrite__button button" href="#">Напишите нам</a>
      </section>
    </div>
    <section class="subscribe">
      <div class="subscribe__wrapper">
        <div class="subscribe__section">
          <h2 class="subscribe__title">Подпишитесь на рассылку</h2>
          <p class="subscribe__text">Еженедельный дайджест с обзорами новинок,<br>
            длительными тест-драйвами, распаковками, а также акции, спецпредложения и вот это вот всё.
          </p>
        </div>
        <div class="subscribe__section">
          <form class="subscribe-form" action="https://echo.htmlacademy.ru/" method="post">
            <label class="visually-hidden" for="subscribe-email">Email</label>
            <input class="subscribe-form__input" type="email" name="subscribe-email" id="subscribe-email"
              placeholder="Ваш e-mail" required>
            <button class="button subscribe-form__button" type="submit">Подписаться</button>
          </form>
          <span class="subscribe__ps">Это бесплатно</span>
        </div>
      </div>
    </section>
  </main>
  <footer class="page-footer">
    <div class="page-footer__wrapper">
      <div class="page-footer__section">
        <a class="page-footer__logo logo" href="index.html">
          <svg class="logo__icon" width="145" height="36" viewBox="0 0 145 36" fill="none"
            xmlns="http://www.w3.org/2000/svg">
            <path
              d="M27.2188 0V35.3H19.6135V32.9C17.9124 34.8 15.5107 36 12.1084 36C5.5038 36 0 30.2 0 22.7C0 15.2 5.5038 9.4 12.1084 9.4C15.5107 9.4 18.0124 10.6 19.6135 12.5V0H27.2188ZM19.6135 22.7C19.6135 18.9 17.1118 16.5 13.6094 16.5C10.107 16.5 7.60524 18.9 7.60524 22.7C7.60524 26.5 10.107 28.9 13.6094 28.9C17.1118 28.8 19.6135 26.5 19.6135 22.7Z" />
            <path
              d="M43.7298 29.1999C45.8313 29.1999 47.5325 28.3999 48.5332 27.2999L54.6374 30.7999C52.1356 34.1999 48.4331 35.9999 43.6298 35.9999C35.0238 35.9999 29.6201 30.1999 29.6201 22.6999C29.6201 15.1999 35.0238 9.3999 43.0294 9.3999C50.4345 9.3999 55.8382 15.0999 55.8382 22.6999C55.8382 23.7999 55.7381 24.7999 55.538 25.6999H37.6256C38.6263 28.2999 40.9279 29.1999 43.7298 29.1999ZM48.333 20.0999C47.5325 17.1999 45.2309 16.0999 42.9293 16.0999C40.0273 16.0999 38.126 17.4999 37.4255 20.0999H48.333Z" />
            <path
              d="M82.1563 10.1001L72.8499 35.3001H64.2439L54.9375 10.1001H63.3433L68.647 26.1001L73.9506 10.1001C73.9506 10.1001 82.1563 10.1001 82.1563 10.1001Z" />
            <path d="M83.458 10.1001H91.0633V35.3001H83.458V10.1001Z" />
            <path
              d="M93.665 22.6999C93.665 15.1999 99.369 9.3999 107.074 9.3999C111.978 9.3999 116.281 11.9999 118.482 15.8999L111.878 19.6999C110.977 17.8999 109.176 16.8999 106.974 16.8999C103.672 16.8999 101.27 19.2999 101.27 22.6999C101.27 26.1999 103.672 28.4999 106.974 28.4999C109.176 28.4999 111.077 27.3999 111.878 25.6999L118.482 29.4999C116.381 33.3999 112.078 35.9999 107.074 35.9999C99.369 35.9999 93.665 30.1999 93.665 22.6999Z" />
            <path
              d="M132.892 29.1999C134.993 29.1999 136.695 28.3999 137.695 27.2999L143.799 30.7999C141.298 34.1999 137.595 35.9999 132.792 35.9999C124.186 35.9999 118.782 30.1999 118.782 22.6999C118.782 15.1999 124.286 9.3999 132.191 9.3999C139.597 9.3999 145 15.0999 145 22.6999C145 23.7999 144.9 24.7999 144.7 25.6999H126.788C127.788 28.2999 130.09 29.1999 132.892 29.1999ZM137.595 20.0999C136.795 17.1999 134.493 16.0999 132.191 16.0999C129.289 16.0999 127.388 17.4999 126.688 20.0999H137.595Z" />
            <path d="M83.458 0V10.1L91.0633 0H83.458Z" />
          </svg>
        </a>
        <address class="page-footer__address">Санкт-Петербург, набережная
          реки Карповки, 5, литера П.</address>
      </div>
      <div class="page-footer__section page-footer__nav">
        <ul class="page-footer__list site-list footer-list">
          <li class="site-list__item">
            <a class="page-footer__link" href="#">Доставка</a>
          </li>
          <li class="site-list__item">
            <a class="page-footer__link" href="#">Гарантия</a>
          </li>
          <li class="site-list__item">
            <a class="page-footer__link" href="#">Контакты</a>
          </li>
        </ul>
        <ul class="page-footer__list social">
          <li class="social__item">
            <a class="social__link social__link--facebook" href="https://www.facebook.com/htmlacademy">
              <svg class="social__icon" width="9" height="18" viewBox="0 0 9 18" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M6.5 3H9V0H5.6C2.8 0 2 1.7 2 4.2V6H0V9H2V18H5V9H8.3L8.9 6H5V4.5C5 3.7 5.3 3 6.5 3Z" />
              </svg>
              <span class="visually-hidden">Мы в Фейсбуке</span>
            </a>
          </li>
          <li class="social__item">
            <a class="social__link social__link--instagram" href="https://www.instagram.com/htmlacademy">
              <svg class="social__icon" width="16" height="16" viewBox="0 0 16 16" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" />
                <path
                  d="M14.7 1.3C13.8 0.4 12.7 0 11.3 0H4.7C1.9 0 0 1.9 0 4.7V11.3C0 12.7 0.4 13.9 1.4 14.7C2.3 15.6 3.4 16 4.7 16H11.3C12.7 16 13.9 15.6 14.7 14.7C15.5 13.8 16 12.7 16 11.3V4.7C16 3.3 15.6 2.1 14.7 1.3ZM8 12.1C5.8 12.1 3.9 10.3 3.9 8C3.9 5.7 5.8 3.9 8 3.9C10.2 3.9 12.1 5.7 12.1 8C12.1 10.3 10.2 12.1 8 12.1ZM12.6 4.7C11.9 4.7 11.3 4.2 11.3 3.4C11.3 2.6 11.8 2.1 12.6 2.1C13.3 2.1 13.9 2.7 13.9 3.4C13.9 4.1 13.3 4.7 12.6 4.7Z" />
              </svg>
              <span class="visually-hidden">Мы в Инстаграме</span>
            </a>
          </li>
          <li class="social__item">
            <a class="social__link social__link--twitter" href="https://twitter.com/htmlacademy">
              <svg class="social__icon" width="15" height="15" viewBox="0 0 15 15" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M9.7 0.155143C11.2 -0.344857 12.3 0.455143 12.9 1.25514C13.4 1.05514 14 0.855143 14.6 0.655143C14.6 1.45514 14.1 2.05514 13.8 2.25514C14.5 2.45514 15 1.85514 15 1.85514C14.9 2.75514 14.1 3.55514 13.6 3.75514C13.4 10.0551 10.8 14.1551 4.7 14.0551C4.2 14.0551 4.8 14.0551 4.3 14.0551C4 14.0551 0.6 13.6551 0 12.2551C2 12.4551 3.4 11.8551 4.1 11.1551C3.3 10.8551 1.7 10.7551 1.5 8.35514C1.8 8.55514 2 8.65514 2.6 8.55514C1.5 7.75514 0.3 7.05514 0.4 5.05514C0.7 5.35514 1.3 5.55514 1.6 5.45514C1 5.25514 -0.2 2.35514 0.8 0.855143C2.4 2.55514 4.1 4.25514 7.1 4.35514C7.3 2.25514 8.1 0.855143 9.7 0.155143Z" />
              </svg>
              <span class="visually-hidden">Мы в Твиттер</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="page-footer__section">
        <a class="page-footer__phone" href="tel:88128121212">+7 (812) 812-12-12</a>
        <a class="page-footer__copyright" href="https://htmlacademy.ru/intensive/adaptive">
          <svg width="115" height="33" viewBox="0 0 115 33" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0 12.9V15.5H2.5V12.9H0Z" />
            <path
              d="M11.6 4.5C10 4.5 8.8 5.2 8 6.2H7.9V0H5.9V15.5H7.9V10.2C7.9 8.1 9.2 6.6 11.2 6.6C13 6.6 14.1 8 14.1 9.8V15.5H16.1V9.4C16.2 6.4 14.3 4.5 11.6 4.5Z" />
            <path
              d="M26.6 4.8H21.8V1.1H19.8V4.9H17.9V6.9H19.8V12.9C19.8 14.6 20.8 15.6 22.5 15.6H26.6V13.6H22.9C22.2 13.6 21.8 13.2 21.8 12.5V6.8H26.6V4.8Z" />
            <path
              d="M41.1 4.6C39.5 4.6 38.2 5.4 37.6 6.7H37.5C36.9 5.5 35.7 4.6 34.1 4.6C32.7 4.6 31.6 5.4 31 6.4H30.9V4.8H29V15.4H31V10C31 8 32 6.5 33.6 6.5C35.1 6.5 36 7.5 36 9.1V15.4H38V9.8C38 7.4 39.4 6.5 40.6 6.5C42.1 6.5 43 7.5 43 9.1V15.4H45V8.9C45.1 6.4 43.6 4.6 41.1 4.6Z" />
            <path
              d="M47.8 12.7C47.8 14.4 48.8 15.4 50.6 15.4H52.6V13.4H50.9C50.2 13.4 49.8 13 49.8 12.3V0H47.8V12.7Z" />
            <path
              d="M28.9 19.7C28 18.6 26.7 17.9 25 17.9C21.9 17.9 19.6 20.2 19.6 23.5C19.6 26.8 21.9 29.1 25 29.1C26.8 29.1 28 28.3 28.8 27.2H28.9V28.8H30.9V18.2H28.9V19.7ZM25.3 27.1C23.1 27.1 21.7 25.5 21.7 23.5C21.7 21.5 23.1 19.9 25.3 19.9C27.5 19.9 28.9 21.5 28.9 23.5C28.9 25.4 27.5 27.1 25.3 27.1Z" />
            <path
              d="M44.2 22C43.7 19.6 41.6 17.9 38.8 17.9C35.4 17.9 33.2 20.4 33.2 23.5C33.2 26.6 35.4 29.1 38.8 29.1C41.6 29.1 43.7 27.3 44.2 24.9H42.1C41.7 26.2 40.4 27.2 38.8 27.2C36.6 27.2 35.2 25.6 35.2 23.6C35.2 21.6 36.6 20 38.8 20C40.4 20 41.6 21 42.1 22.2H44.2V22Z" />
            <path
              d="M55.1 19.7C54.2 18.6 52.9 17.9 51.2 17.9C48.1 17.9 45.8 20.2 45.8 23.5C45.8 26.8 48.1 29.1 51.2 29.1C53 29.1 54.2 28.3 55 27.2H55.1V28.8H57.1V18.2H55.1V19.7ZM51.5 27.1C49.3 27.1 47.9 25.5 47.9 23.5C47.9 21.5 49.3 19.9 51.5 19.9C53.7 19.9 55.1 21.5 55.1 23.5C55.1 25.4 53.6 27.1 51.5 27.1Z" />
            <path
              d="M68.7 19.8C67.8 18.7 66.5 17.9 64.8 17.9C61.7 17.9 59.4 20.2 59.4 23.5C59.4 26.8 61.6 29.1 64.8 29.1C66.5 29.1 67.8 28.3 68.6 27.3H68.7V28.8H70.7V13.4H68.7V19.8ZM65.1 27.1C62.9 27.1 61.5 25.5 61.5 23.5C61.5 21.5 62.9 19.9 65.1 19.9C67.3 19.9 68.7 21.5 68.7 23.5C68.6 25.5 67.2 27.1 65.1 27.1Z" />
            <path
              d="M78.3 17.9C75 17.9 72.8 20.4 72.8 23.5C72.8 26.5 74.9 29.1 78.3 29.1C80.8 29.1 82.8 27.8 83.5 25.5H81.4C80.9 26.5 79.8 27.1 78.4 27.1C76.5 27.1 75.1 25.8 75 24.2H83.8C84 20.6 81.8 17.9 78.3 17.9ZM78.3 19.8C80 19.8 81.3 20.8 81.6 22.4H75.1C75.4 20.9 76.6 19.8 78.3 19.8Z" />
            <path
              d="M98.2 17.9C96.6 17.9 95.3 18.7 94.6 19.9H94.5C93.9 18.7 92.7 17.9 91.1 17.9C89.7 17.9 88.6 18.6 88 19.7V18.2H86.1V28.8H88.1V23.4C88.1 21.4 89.1 20 90.7 19.9C92.2 19.9 93.1 20.9 93.1 22.5V28.8H95.1V23.2C95.1 20.8 96.5 19.9 97.7 19.9C99.2 19.9 100.1 20.9 100.1 22.5V28.8H102.1V22.3C102.2 19.7 100.7 17.9 98.2 17.9Z" />
            <path
              d="M109.4 27L105.8 18.1H103.6L108.4 29.7C108.1 30.6 107.7 30.9 106.7 30.9H104.2V32.9H106.7C108.5 32.9 109.5 32.1 110.2 30.3L114.9 18.1H112.8L109.4 27Z" />
          </svg>
          <span class="visually-hidden">HTML Academy</span>
        </a>
      </div>
    </div>
  </footer>
</body>

</html>
